﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section JsHeader{
    <script type="text/javascript" src="/js/mobilyslider.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
}
<div class="greyShadow">
    <div class="slider">
        <div class="sliderContent">
			<div class="item"><img src="/picture/banner.jpg" /></div>
			<div class="item"><img src="/picture/banner2.jpg" /></div>
			<div class="item"><img src="/picture/banner3.jpg" /></div>				
		</div>
    </div>
</div>
<div class="greyShadow mt20 artsList">
    <h1 class="fontAS text-center pt20 mb10">
        <small class="color_444">Hottest Arts</small></h1>
    <ul class="thumbnails">
        @foreach (dynamic hottestPainting in ViewBag.HottestPaintings)
        {
            <li class="w210">
            <div class="thumbnail">
                <p class="h210">
                    <a href="/painting/detail/@hottestPainting.PaintingNumber-@hottestPainting.Title">
                        <img style="width:210px; height:210px;" src="@hottestPainting.ImageUrl" alt="@hottestPainting.Title" title="@hottestPainting.Title"></a></p>
                <p class="mt5 text-center">
                    <a href="/painting/detail/@hottestPainting.PaintingNumber-@hottestPainting.Title">@(hottestPainting.Title??"no title")</a></p>
            </div>
        </li>
        }
    </ul>
</div>
<div class="greyShadow mt20 pb20">
<div class="greyShadow">
    <a href="javascript:void(0);"><img alt="" src="/picture/procedure.jpg" /></a>
</div>
</div>
